<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>创建元素</p>
<ol>
    <li>创建元素createElemnet()</li>
    <li>设置内容createTextNode()</li>
    <li>添加到DOM中appendChild()</li>
</ol>
<ul id="ul">
    <li>油条</li>
    <li>包子</li>
    <li>米饺</li>
    <li><a>鱼粉</a></li>
</ul>
<script>
    // 创建一个新的元素
    var newel = document.createElement('li');
    // 创建一个新的文本
    var newtext = document.createTextNode('豆花');
    // 将文本放到元素内
    newel.appendChild(newtext);
    // 找到目标父线
    var elul = document.getElementById('ul');
    // 将新的元素添加到父级
    elul.appendChild(newel);

</script>
</body>
</html>